<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible"
          content="IE=edge" />

    <title>Camunda Cockpit</title>

    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0" />

    <meta name="description"
          content="Camunda Cockpit" />
    <meta name="author"
          content="camunda services GmbH" />

    <!-- settings the base path for relative links -->
    <base href="<%= htmlWebpackPlugin.options.appBase %>"
          admin-api="<%= htmlWebpackPlugin.options.appRoot %>/api/admin/"
          cockpit-api="<%= htmlWebpackPlugin.options.appRoot %>/api/cockpit/"
          tasklist-api="<%= htmlWebpackPlugin.options.appRoot %>/api/tasklist/"
          welcome-api="<%= htmlWebpackPlugin.options.appRoot %>/api/welcome/"
          engine-api="<%= htmlWebpackPlugin.options.appRoot %>/api/engine/"
          app-root="<%= htmlWebpackPlugin.options.appRoot %>"
          app-name="cockpit" />

    <!-- an example of plugin/feature exclusion -->
    <!--
    <base href="$BASE"
          admin-api="$APP_ROOT/api/admin/"
          cockpit-api="$APP_ROOT/api/cockpit/"
          tasklist-api="$APP_ROOT/api/tasklist/"
          welcome-api="$APP_ROOT/api/welcome/"
          engine-api="$APP_ROOT/api/engine/"
          app-root="$APP_ROOT"
          cam-exclude-plugins="cockpit.dashboard:process-definition-tiles" />
    -->

    <%= htmlWebpackPlugin.tags.headTags %>

    <link rel="stylesheet"
          type="text/css"
          href="<%= htmlWebpackPlugin.options.appRoot %>/app/cockpit/styles/user-styles.css?bust=<%= htmlWebpackPlugin.options.version %>">
  </head>
  <body>
    <!-- navigation -->
    <div cam-widget-header
         class="Header"
         authentication="authentication"
         user-name="userFullName"
         current-app="cockpit"
         ng-cloak
         sign-out="{{ 'SIGN_OUT_ACTION' | translate }}"
         my-profile="{{ 'MY_PROFILE' | translate }}">
      <ul cam-if-logged-in
          ng-controller="camHeaderViewsCtrl">
        <li ng-repeat="actionProvider in menuActions"
            ng-if="actionProvider.accessible"
            ng-class="activeClass(actionProvider)">
            <view provider="actionProvider"></view>
        </li>
        <li class="dropdown"
            ng-if="dropdownActions.length"
            uib-dropdown>
          <a class="dropdown-toggle"
             uib-dropdown-toggle
             href>{{ 'COCKPIT_MORE' | translate}} <i class="caret"></i></a>
          <ul class="dropdown-menu" uib-dropdown-menu>
            <li ng-repeat="actionProvider in dropdownActions"
                ng-if="actionProvider.accessible"
                ng-class="activeClass(actionProvider)">
                <view provider="actionProvider"></view>
            </li>
          </ul>
        </li>
      </ul>
    </div>

    <!-- content -->
    <div class="ctn-main">
      <div class="ctn-wrapper">
        <div ng-if="showBreadcrumbs"
             ng-cloak
             cam-breadcrumbs-panel
             divider="&raquo;"
             class="breadcrumbs-panel"></div>

        <div notifications-panel
             class="page-notifications"></div>

        <!-- view body provided by ngView -->
        <div ng-view>
          <div class="app-splash"><div>
            <div class="spinner spinner-big"></div>
          </div></div><!-- / .app-splash -->
        </div>
      </div>
    </div>

    <!-- footer -->
    <footer cam-widget-footer
            version="v<%= htmlWebpackPlugin.options.version %>"></footer>

    <script type="application/javascript" $CSP_NONCE>
        window.camCockpitConf = {};

        window.PLUGIN_DEPENDENCIES = <%= htmlWebpackPlugin.options.pluginDeps %> || [];
        window.PLUGIN_PACKAGES = <%= htmlWebpackPlugin.options.pluginPackages %> || [];

        window.require = {
          waitSeconds: 0
        };
    </script>
  </body>
</html>
